/**
 * React-Redux
 *
 *    使用 react-redux 这个包，将 redux 与 react 更好的连接起来
 *
 * 使用步骤：
 *    1. 安装依赖
 *       npm install redux react-redux
 *
 *    2. 创建 store 之类的操作都是一样的
 *
 *    3. 在 根节点，拿出 react-redux 的 Provider 包裹在最外层，然后将 store 作为 store 属性传递给该组件
 *
 *    4. 组件的使用上有两种方式：
 *
 *      1. hook
 *
 *        useSelector   用于从仓库中获取state数据
 *
 *          语法：
 *            const value = useSelector((state) => xxx)
 *                1. state - 仓库的 state 数据，也就是 store.getState() 的返回值
 *                2. xxx   - xxx 就是最终 value 的内容
 *
 *        useDispatch   用于获取仓库的 dispatch 函数
 *
 *
 *      2. hoc
 */

import ReactDOM from "react-dom/client";
import App from "./App.tsx";

// 提供商组件
import { Provider } from "react-redux";

// store
import store from "./store/index.ts";

const root = ReactDOM.createRoot(document.querySelector("#root")!);

root.render(
  <Provider store={store}>
    <App />
  </Provider>
);
